<template>
  <div>
    <heard :topshow="topshow" :cont="cont" />
    <div>
      <img src="../static/About us.png" alt="" class="productimg" />
    </div>

    <div class="intro-box">
      <div class="company-intro-content content-w">
        <p class="intro-title">
          深耕基础平台建设，<br />重点突破以AI赋能中国智造
        </p>
        <p class="intro-desc">
          重庆六客会科技有限公司是一家在深耕基础平台建设的基础上，专注于计算机视觉研发、人工智能算法与大数据以及相关应用的人工智能企业，致力
          于为行业客户提供领先的AI算法与AI视觉解决方案。依托人脸识别、物体检测、工业视觉、图像检索等算法，实现AI+工业、AI+生活、AI+商业等领
          域的落地应用。其中，人工智能科技针对工厂提供的智慧工厂融合平台方案在落地可行性方面已具备竞争优势。
        </p>
      </div>
    </div>

    <div class="dierction-box">
      <div class="item_title">
        <h1>技术队伍</h1>
      </div>
      <div class="main">
        <div class="onebox">
          <div class="dzfp-desc">
            <div>
              <div class="desc-item">
                <p>
                  <span class="item-title-span">技术核心团队成员</span>
                </p>
                <ul style="color: #409eff">
                  <li
                    v-for="item in infos[0]"
                    :key="item.title"
                    style="list-style: none"
                  >
                    <p style="color: #666; font-size: 18px; margin: 5px 0">
                      {{ item.title }}
                    </p>
                    <p style="color: #666; margin: 5px 0; font-size: 14px">
                      {{ item.info }}
                    </p>
                  </li>
                </ul>
              </div>
              <div class="desc-item">
                <p>
                  <span class="item-title-span">研发团队</span>
                </p>
                <ul style="color: #409eff">
                  <li
                    v-for="item in infos[1]"
                    :key="item.title"
                    style="list-style: none"
                  >
                    <p style="color: #666; font-size: 18px; margin: 5px 0">
                      {{ item.title }}
                    </p>
                    <p style="color: #666; margin: 5px 0; font-size: 14px">
                      {{ item.info }}
                    </p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="imgBox">
            <img src="../static/about_right.png" alt="" class="onebox-img" />
          </div>
        </div>
      </div>
    </div>
    <div class="zizhi">
      <div class="item_title">
        <h1>公司资质</h1>
      </div>
      <div class="main">
        <el-carousel
          :interval="4000"
          :autoplay="false"
          type="card"
          height="250px"
          indicator-position="none"
        >
          <el-carousel-item v-for="item in imgArr" :key="item">
            <div class="img_item">
              <img :src="item" alt="" />
            </div>
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>
    <footers style="margin-top: 20px" />
  </div>
</template>

<script>
import heard from "@/components/heard";
import footers from "@/components/footer";

export default {
  components: {
    heard,
    footers,
  },
  data() {
    return {
      topshow: false,
      cont: 2,
      infos: [
        [
          {
            title: "蒋松，男，工学博士",
            info: "中国人工智能学会智能空天系统专业委员会委员 主要从事智能信息处理、空间信息处理及应用等方面的科研工作。 在国内外发表学术论文10余篇，主研完成科研项目10余项省部级科研 项目，其中包括国家863计划项目6项、国家自然科学基金1项。 获得省部级科技进步一等奖一项，二等奖两项，三等奖一项，发明专利授权一项。 近五年研究主要集中于人工智能、物联网、大数据与信息化研究",
          },
        ],
        [
          {
            title: "人工智能算法工程师 10人",
            info: "研究机器学习及 AI技术和算法, 包括基于建立基础模型,并能不断优化模型,提高算法性能。",
          },
          {
            title: "大数据工程师 15人",
            info: "负责数据中心和大数据处理平台的搭建，在线和离线海量数据分析平台的开发，研究大 数据前沿技术，提升系统的运维效率。",
          },
          {
            title: "研发工程师 74人",
            info: "负责进行技术评测，系统架构，代码开发。",
          },
          {
            title: "高级硬件工程师 6人",
            info: "负责进行技术评测，系统架构，bug处理，代码开发，根据需求电路设计，PCB设计。",
          },
        ],
      ],
      imgArr: [],
    };
  },
  created() {
    for (let i = 0; i < 23; i++) {
      this.imgArr.push(require("../static/zizhi" + i + ".png"));
    }
  },
  mounted() {
    window.addEventListener("scroll", this.scrollHandle);
  },
  methods: {
    scrollHandle(e) {
      let top = e.srcElement.scrollingElement.scrollTop; // 获取页面滚动高度
      if (top >= 500) {
        this.topshow = true;
      } else {
        this.topshow = false;
      }
    },
  },
};
</script>

<style>
@import url("./reset.css");
</style>
<style scoped>
.productimg {
  width: 100%;
}
.main {
  width: 1200px;
  margin: 0 auto;
}
.intro-box {
  background-image: url("../static/banner2.png");
  background-size: 100%;
}
.onebox {
  width: 1200px;
  box-shadow: 0px 1px 7px 0px rgb(18 39 59 / 13%);
  border-radius: 4px;
  padding: 8px 18px;
  box-sizing: border-box;
  margin: 20px auto 0;
  display: flex;
}
.dzfp-desc {
  width: 55%;
  padding: 10px 65px 10px 42px;
}
.dzfp-desc .desc-item > p {
  margin: 5px 0;
}
.dzfp-desc .desc-item > ul {
  padding: 0;
}
.item-text {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 20px;
}
.imgBox {
  width: 44%;
}
.onebox-img {
  width: 100%;
}
.xcavb {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 30px;
}
.item-title-span {
  background-color: #68a5fc;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 4px 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  border-radius: 4px;
}
.item-title-span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-width: 8px;
  border-top-color: #68a5fc;
  top: 100%;
  left: 40px;
}
.productimg {
  width: 100%;
}
.module-title {
  font-size: 44px;
  color: #333;
  line-height: 1.5;
  text-align: center;
}
.company-intro-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
}
.content-w {
  width: 100%;
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}
.intro-title {
  width: 30%;
  font-size: 30px;
  color: #5486fe;
  position: relative;
  padding-bottom: 10px;
}
.intro-title::after {
  content: "";
  width: 40px;
  height: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #5486fe;
}
.intro-desc {
  width: 62%;
  padding: 20px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #333;
}
.direction-img {
  display: block;
  width: 40%;
  height: auto;
  object-fit: contain;
}
.text-desc {
  font-size: 16px;
  color: #666;
}
.text-title {
  font-size: 28px;
  color: #333;
  margin-bottom: 10px;
}
.text-item {
  margin-bottom: 40px;
}
.direction-text {
  width: 55%;
  line-height: 1.5;
}
.company-direction-content {
  display: flex;
  display: -webkit-box;
  justify-content: space-between;
  align-items: stretch;
  padding: 40px 0;
}
.page-w {
  width: 100%;
  min-width: 1200px;
}
.img_item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.img_item img {
  background-color: #fff;
}
.item_title h1 {
  font-size: 44px;
  color: #333;
  line-height: 1.5;
  text-align: center;
  font-weight: normal;
}
.dierction-box,
.zizhi {
  padding: 40px 0;
}
</style>
